<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>具体项目的报表</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" href="../../Content/css/daterangepicker-bs3.css"/>
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
    <!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div id="left">
	<!--菜单文件从最下面load读取 ../public/mainLeft.html-->
</div>
<div class="main-right container-fluid" id="mainRight">
	<div class="container-fluid">
		<div class="search-bar form-inline">
			 <div class="form-group "> 
			 	<h4>招聘企业：万达</h4> 
			 </div>
             <div class="input-group margin-left-15">
               <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
               <input type="text" readonly  name="reservation" id="reservation" class="form-control" value="2014-5-22 至 2014-6-21" /> 
             </div>
           
			<input type="text" class="form-control margin-left-15" placeholder="客户名称"/>
			<a class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> 搜索</a>
            <select class="form-control chengyuan margin-left-15">
              <option>管理员</option>
              <option>其它成员1</option>
              <option>其它成员2</option>
            </select>
            <a class="btn pull-right btn-primary">导出列表</a>
        </div>
		
        <div class="row margin-top-15">
            <div class="col-md-12 mylist">
                <table class="table table-hover table-bordered text-center" border="0" cellpadding="0" cellspacing="0">
                    <thead>
                        <tr>
                            <th>编号</th>
                            <th>合作项目</th>
                            <th>候选人</th>
                            <th>面试候选人</th>
                            <th>offer候选人</th>
                            <th>入职候选人</th>
                            <th>佣金金额</th>
                            <th>实收金额</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td rowspan="3">1</td>
                            <td rowspan="3">财务总监</td>
                            <td>张三</td>
           					<td>张三</td>
           					<td>张三</td>
           					<td>张三</td>
           					<td>￥100,000</td>
           					<td>￥94,000</td>
                        </tr>
                        <tr>
                            <td>李四</td>
           					<td>李四</td>
           					<td>李四</td>
           					<td>李四</td>
           					<td>￥100,000</td>
           					<td>￥94,000</td>
                        </tr>
                        <tr>
                            <td>高武</td>
           					<td>高武</td>
           					<td>高武</td>
           					<td>高武</td>
           					<td>￥100,000</td>
           					<td>￥94,000</td>
                        </tr>
                        <tr>
                            <td rowspan="2">2</td>
                            <td rowspan="2">CEO</td>
                            <td>张九</td>
           					<td>高易</td>
           					<td>高易</td>
           					<td>高易</td>
           					<td>￥100,000</td>
           					<td>￥94,000</td>
                        </tr>
                         <tr>
                            <td>何已</td>
           					<td></td>
           					<td></td>
           					<td></td>
           					<td></td>
           					<td></td>
                        </tr>
                    </tbody>
                    <tfoot>
                    	<tr>
                    		<td >合计</td>
                            <td>2</td>
                            <td>5</td>
                            <td>4</td>
                            <td>4</td>
                            <td>4</td>
                        
                            <td>￥400,000</td>
                            <td>￥372,000</td>
                    	</tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/moment.js"></script>
<script src="../../Scripts/daterangepicker.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //
		});
		$('#left').load('../public/mainLeft.html .main-left');
		
		//时间段选择插件调用
		$('#reservation').daterangepicker(null, function(start, end, label) {
			console.log(start.toISOString(), end.toISOString(), label);
		});
		
		//表格排序
		$("[data-order='order']").click(function(){
			$(this).order("desc");
		//	$(this).order("asc");  正序
			$.alert("倒序排序，使用方法 : $().order('desc')")
		});
		
	})
</script>
</body>
</html>
